<script setup lang="ts">
import { computed } from 'vue';
import type { TuiFooterProps } from './types';

// 设置默认值
const props = withDefaults(defineProps<TuiFooterProps>(), {
  height: '60px'
});

// 计算样式
const footerStyle = computed(() => {
  return {
    height: props.height
  };
});
</script>

<template>
  <footer :style="footerStyle" class="tui-footer">
    <slot></slot>
  </footer>
</template>

<style lang="scss" scoped>
.tui-footer {
  display: flex;
  padding: 0 20px;
  box-sizing: border-box;
  box-shadow: var(--tui-box-shadow);
}
</style>